<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title></title>
    <link rel="stylesheet" href="style.css" type="text/css">
    <script src="jquery.min.js"></script>
    <script src="jquery.marquee.min.js"></script>
    <script type="text/javascript" src="json/media.json"></script>
    <script type="text/javascript" src="json/line.json"></script>
    <script type="text/javascript" src="json/notice.json"></script>
    <script type="text/javascript" src="json/config.json"></script>
    <script type="text/javascript" src="js/BusMedia.js"></script>
    <script type="text/javascript" src="js/BusNotice.js"></script>
    <script type="text/javascript" src="js/BusLine.js"></script>
</head>
<body>
<div class="page-wrapper">
    <div id="pageContainer">
        <div id="videoContainer">
            <div class="video-wrap">
                <div>
                    <video id="myvideo" width="100%" height="100%" controls="controls">
                        你的浏览器不支持HTML5播放此视频
                        <span style="white-space:pre">    </span><!-- 支持播放的文件格式 -->
                    </video>
                    <div id="myimage">
                    </div>
                </div>
                <div>
                    <video id="myvideo2" width="100%" height="100%" controls="controls">
                        你的浏览器不支持HTML5播放此视频
                        <span style="white-space:pre">    </span><!-- 支持播放的文件格式 -->
                    </video>
                    <div id="myimage2">
                    </div>
                </div>
            </div>
            <div class="layer-wrap">
                <p class="arrive-route"></p>
            </div>
        </div>
        <!--线路区-->
        <div id="lineContainer">
        </div>
        <!-- 公告区 -->
        <div id="mynotice" class="marquee">

        </div>
    </div>
</div>
<script type="text/html" id="LineHtml">
    <div>
        <div class="station-wrap">
            <div class="left">
                <h4 class="car-tips">尚未发车</h4>
                <div>
                    <h3 class="car-no">120路</h3>
                    <dl>
                        <dt><i>起</i><em></em></dt>
                        <dt><i>终</i><em></em></dt>
                        <dd>首班时间<span></span></dd>
                        <dd>末班时间<span></span></dd>
                    </dl>
                </div>
            </div>
            <div class="right">
                <div class="cars-pos">
                </div>
                <ul class="line-info">

                </ul>
            </div>
        </div>
    </div>
</script>
<script>
    $(document).ready(function () {

        // region << 视频初始化 >>
        BusMedia.init({
            "regioncode": "REGION_VIDEO_A",
            "videodomid": "myvideo",
            "imagedomid": "myimage",
            "isshowcontrol": true
        });
        // 视频播放
        BusMedia.play();

        BusMedia.init({
            "regioncode": "REGION_VIDEO_B",
            "videodomid": "myvideo2",
            "imagedomid": "myimage2",
            "isshowcontrol": true
        });
        // 视频播放
        BusMedia.play();
        // endregion

        // region << 公告初始化 >>
        BusNotice.init({
            "regioncode": "REGION_NOTICE_A",
            "noticedomid": "mynotice",
            "speed": "15",
            "direction": "0"
        });
        // 视频播放
        BusNotice.play();

        BusLine.init({
            "regioncode": "REGION_NOTICE_A",
            'lineId': 'lineContainer',
            'time': 20000 /*毫秒*/,
            pageSize: 7,
            pageIndex: 1
        });
    });




</script>

</body>
</html>